<!DOCTYPE html>
<html>
<head>
    <title>mmap</title>
    <meta charset="utf-8">
    <script src="openlayers/js/ol.js"></script>
    <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
    <script src="mmap/mapi.js"></script>
    <script src="resources/js/design_fence.js"></script>
    <style>
        .line_css {
            border: 1px solid red;
            position: absolute;
            background-color: #f2dede;
            padding: 5px;
            color: #b94a48;
            top: 0;
            left: 0;
            display: none;
        }

        .clear {
            cursor: pointer;
            position: absolute;
            font-size: 12px;
            margin: 5px;
            border: 1px solid green;
            padding: 3px;
            background-color: #F5F5F5;
        }
    </style>
</head>
<body>
<div id="mmap" style="width:500px;height:500px;"></div>

<div id="message" class="line_css">
    在地图上点击鼠标左键绘制区域，双击结束
</div>
<div id="clear" class="clear">
    清除区域
</div>
</body>
</html>